.md-body {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 20px 20px 20px;
  background-color: #fff;
}

.md-table {
  min-height: 70vh;
}

/*
  宽度
*/
.w100 {
  width: 100px;
}

.w150 {
  width: 150px !important;
}

.w200 {
  width: 200px !important;
}

.w250 {
  width: 250px !important;
}

.w300 {
  width: 300px !important;
}

/*
  上边距
*/
.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

/*
  下边距
*/
.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

/*
  内左边距
*/
.pl5 {
  padding-left: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.md-ori-table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #efefef;

  thead {
    tr {
      th {
        border: 1px solid #efefef;
        height: 40px !important;
        line-height: 40px !important;
        padding: 5px 5px;
      }
    }
  }

  tbody {
    tr {
      td {
        border: 1px solid #efefef;
        height: 40px !important;
        line-height: 40px !important;
        padding: 5px 5px;
      }
    }
  }
}

.md-image {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;

  img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
  }
}